<!-- 
 * @description: 
 * @fileName: NeighbourC.vue 
 * @author: nsl 
 * @date: 2025-04-29 11:22:28
 * @version: V1.0.0 
!-->
<template>
    <div>----------------  NeighboutC Begin ---------------</div>
    <div>
        computedCount={{ computedCount }}
        <button @click="increase"> countRef ++</button>
        <br>
        <br>
        countRef={{ countRef }}
    </div>
    <div>----------------  NeighboutC End ---------------</div>
</template>
<script setup lang='ts'>
import {onMounted,computed,ref,watchEffect} from 'vue'
let i=10;
const countRef=ref(0);

function increase(){
    countRef.value++;
}

const computedCount=computed(()=>{
    console.log('in computedCount');
    countRef;
    countRef.value;
    return i++;
})
    
</script>
<style lang='scss' scoped>
    
</style>